<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
    <script src="/layui/layui.js" type="text/javascript" charset="UTF-8"> </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bg.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <style>
      html {
        width: 100%;
      }

      body {
        width: 100%;
      }

      .ul1 {
        background-color: transparent;
        background-repeat: no-repeat;
      }

      #frame {
        height: 100%;
        width: 100%;
      }

      .img {
        text-align: left;

      }

      .aaa {
        font-weight: bold;
        letter-spacing: 3px;
        font-size: 15px;
      }

      #data {
        position: absolute;
        left: 70%;
        top: 1%;
        color: whitesmoke;
        font-size: 18px;
        width: 500px;
      }

      #img1 {
        display: block;
        position: absolute;
        left: 1%;
        height: 2%;
      }
    </style>

  </head>

  <body id="body111">

    <a href=""><img src="/img/home.png" id="img1" ; alt=""></a>
    <h1 class="head">石家庄学院</h1>
    <div id='data'>时间</div>
    <div class="layui-fluid" style="height: 94%; width: 100%; ">
      <div class="layui-row" style="height: 100%; width: 100%;">
        <div class="layui-col-md1 " style="height: 100%; width: 10%;">
          <ul class="layui-nav layui-nav-tree ul1" lay-filter="test"
            style="width: 100% ; height: 100%; background-image: url(/img/left_menu.png);background-repeat: no-repeat; background-size: 100% 100%;">
            <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
            <li class="layui-nav-item layui-nav-itemed">
              <a class="aaa" href="javascript:;"> <img src="img/本地列控.png" class="img" alt=""> 人车码管理</a>
              <dl class="layui-nav-child">
                <dd><a href="javascript:fn1();">车辆管理</a></dd>
                <dd><a href="javascript:;">人员管理</a></dd>
                <dd><a href="">侦码管理</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 布控管理</a>

            </li>
            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 侦察记录管理</a>

            </li>
            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 本地站点布控</a>

            </li>
            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 统计分析</a>
              <dl class="layui-nav-child">
                <dd><a href="javascript:fn();">车辆核查统计</a></dd>
                <dd><a href="javascript:;">人员核查统计</a></dd>
                <dd><a href="">帧码核查统计</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 预警管理</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 勤务管理</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 战果管理</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

            <li class="layui-nav-item">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 基础信息管理</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

            <li class="layui-nav-item d">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 系统管理</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

            <li class="layui-nav-item ">
              <a class="aaa" href="javascript:;"><img src="img/本地列控.png" class="img" alt=""> 系统工程</a>
              <dl class="layui-nav-child">
              </dl>
            </li>

          </ul>
        </div>
        <div class="layui-col-md10" style="height: 100%;">

          <iframe id="frame" src="/carManage.html" style="margin-left:0px;width: 108%;" frameborder="0"
            allowTransparency="true"></iframe>

        </div>
      </div>
    </div>

    <title>Document</title>
  </body>
  <script>
    layui.use('layer', function () {
      var layer = layui.layer;
    });
    layui.use('element', function () {
      var element = layui.element;
      //一些事件触发
      element.on('tab(demo)', function (data) {
        console.log(data);
      });
    });
    function fn() {
      var a = document.getElementById("frame");
      a.src = "/car.html";

    }
    function fn1() {
      var a = document.getElementById("frame");
      a.src = "/carManage.html";

    }

  </script>
  <script type="text/javascript">
    window.onload = function () {
      setInterval(function () {
        var date = new Date();
        var sign1 = "-";
        var sign2 = ":";
        var year = date.getFullYear() // 年
        var month = date.getMonth() + 1; // 月
        var day = date.getDate(); // 日
        var hour = date.getHours(); // 时
        var minutes = date.getMinutes(); // 分
        var seconds = date.getSeconds() //秒
        var weekArr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var week = weekArr[date.getDay()];
        // 给一位数数据前面加 “0”
        if (month >= 1 && month <= 9) {
          month = "0" + month;
        }
        if (day >= 0 && day <= 9) {
          day = "0" + day;
        }
        if (hour >= 0 && hour <= 9) {
          hour = "0" + hour;
        }
        if (minutes >= 0 && minutes <= 9) {
          minutes = "0" + minutes;
        }
        if (seconds >= 0 && seconds <= 9) {
          seconds = "0" + seconds;
        }
        //获取id=Date的标签，加入内容。	 
        var d = document.getElementById('data');
        d.innerHTML = year + "年" + month + "月" + day + "日" + " " + hour + "时" + minutes + "分" + seconds + "秒" + " " + week;
      }, 1000)
    };
    /* d.innerHTML='当前时间:'+ year + sign1 + month + sign1 + day + " " + hour + sign2 + minutes + sign2 + seconds;},1000)};不带星期的*/
  </script>

</html>